<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <style>     
           p{
                width:100px;height:200px;
                border:1px solid red;
           }
           
           p.c1{
                text-indent:2em;    /*首行缩进*/
                letter-spacing:10px;  /*字母间距*/
           } 
           p.c2{word-spacing:20px;}  /*词间距*/
           p.c3{line-height:200px;}
           p.c4{white-space:nowrap; }  /*强制不换行*/
           p.c5{overflow-wrap:break-word;}
           p.c6{display:table-cell;vertical-align:middle;} /*垂直居中*/
           p.c7{text-transform:lowercase;text-align:center;
                text-shadow:2px 2px 2px green;  /*水平偏移 垂直偏移 模糊度 颜色*/
           }
           p.c8{
                white-space:nowrap;    /*就不换行*/
                overflow:hidden;      /*超出就隐藏*/
                text-overflow:ellipsis;  /*超出就显示三个点*/
           }
        </style>
    </head>
    <body>
        <h2>CSS样式实例:文本属性</h2>
        <p class='c1'>风停了,雨顿了,你一定要走,我还站记忆里在感受,哦哦哦</p>
        <p class='c2'>big white legs is coming</p>
        <p class='c3'>big white legs</p>
        <p class='c4'>big white legs is coming big white legs is comingbig white legs is comingbig white legs is coming</p>
        <p class='c5'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p class='c6'>aaaaaa</p>
        <p class='c7'>aaaaaaaa</p>
        <p class='c8'>xxx xxxx xxx xxxx xxx xxx xxx xxxxx xx xxxx</p>
    </body>
</html>